<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/templates/interno.xhtml">
	<ui:define name="corpo">
		<h:form id="frmCli">
			<f:loadBundle var="msg" basename="mensagens" />
			<h:panelGrid columns="3">

				<h:outputLabel value="Cpf/Cnpj:" for="cpfCnpj" />
				<p:inputText id="cpfCnpj" value="#{clienteBean.cliente.cnpjCpf}"
					required="true" requiredMessage="#{msg.msgCampo}"
					readonly="#{clienteBean.readOnly}" size="15" maxlength="14">
					<f:ajax event="change" listener="#{clienteBean.validaCpjCnpj}"
						render="cpfCnpj rgIe tipoCliente vendedor nomeRsocial"
						execute="@this" />
				</p:inputText>
				<p:message id="msgCpfCnpj" for="cpfCnpj" />

				<h:outputLabel value="RG/Inscr. Est.:" for="rgIe" />
				<p:inputText id="rgIe" value="#{clienteBean.cliente.inscEstRg}"
					size="14" maxlength="15" />
				<p:message id="msgRgIe" for="rgIe" />

				<h:outputLabel value="Tipo Cliente" for="tipoCliente" />
				<p:selectOneMenu id="tipoCliente"
					value="#{clienteBean.cliente.tipoCliente}"
					converter="converterTipoCliente" required="true"
					requiredMessage="Selecione um tipo">
					<f:selectItem itemValue="" itemLabel="Selecione" />
					<f:selectItems value="#{tipoClienteBean.lista}" var="tipo"
						itemValue="#{tipo}" itemLabel="#{tipo.descricao}" />
				</p:selectOneMenu>
				<p:message id="msgTipo" for="tipoCliente" />

				<h:outputLabel value="Vendedor:" for="vendedor" />
				<p:selectOneMenu id="vendedor"
					value="#{clienteBean.cliente.vendedor}" required="true"
					requiredMessage="Selecione um vendedor">
					<f:selectItem itemValue="" itemLabel="Selecione" />
					<f:selectItems value="#{vendedorBean.lista}" var="vend"
						itemValue="#{vend}" itemLabel="#{vend.nomeRsocial}" />
				</p:selectOneMenu>
				<p:message id="msgVend" for="vendedor" />

				<h:outputLabel value="Nome/Razão Social:" for="nomeRsocial" />
				<p:inputText id="nomeRsocial" required="true"
					requiredMessage="#{msg.msgCampo}"
					value="#{clienteBean.cliente.nomeRsocial}" maxlength="50" size="53" />
				<p:message id="msgNomeRsocial" for="nomeRsocial" />

				<h:outputLabel value="Nome Fantasia:" for="nomeFantasia" />
				<p:inputText id="nomeFantasia"
					value="#{clienteBean.cliente.nomeFantasia}" size="53"
					maxlength="50" />
				<p:message id="msgNomeFantasia" for="nomeFantasia" />

				<h:outputLabel value="CEP:" for="cep" />
				<p:inputText id="cep" value="#{clienteBean.cliente.cep}" size="7"
					required="true" requiredMessage="#{msg.msgCampo}"
					validatorMessage="Digite somente numeros">
					<f:ajax event="change" listener="#{clienteBean.buscaPorCep}"
						render="cep endereco bairro cidade" />
				</p:inputText>
				<p:message id="msgCep" for="cep" />

				<h:outputLabel value="Endereço:" for="endereco" />
				<p:inputText id="endereco" required="true"
					requiredMessage="#{msg.msgCampo}"
					value="#{clienteBean.cliente.endereco}" size="53" maxlength="50" />
				<p:message id="msgEndereco" for="endereco" />

				<h:outputLabel value="Bairro:" for="bairro" />
				<p:inputText id="bairro" value="#{clienteBean.cliente.bairro}"
					required="true" requiredMessage="#{msg.msgCampo}" size="30"
					maxlength="30" />
				<p:message id="msgBairro" for="bairro" />
				
				<h:outputLabel value="Cidade:" for="cidade" />
				<p:inputText id="cidade" value="#{clienteBean.cliente.cidade}"
					required="true" requiredMessage="#{msg.msgCampo}" size="30"
					readonly="true" />
				<p:message id="msgCidade" for="cidade" />

			</h:panelGrid>

			<p:commandButton value="Salvar" action="#{clienteBean.salvar}"
				ajax="false" />&nbsp;
			<p:commandButton value="Cancelar" action="clienteListar"
				immediate="true" />
		</h:form>

	</ui:define>
</ui:composition>

</html>